<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>协同办公系统</title>
        <link href="imgs/tab.css" rel="stylesheet" type="text/css" />
        <script src="Js/jquery.js"></script>
        <script src="Js/jquery.tab.js"></script>
      
        
    </head>
    <body>
     功能描述：
     1、支持自定义html内容
     2、支持ajax加载内容
     3、回调函数
     如果下载有问题，请加群：58875561 或者发邮件luwenpan@gmail.com
    <br />
     滑动demo
      	<div id="tab_list" style="width:700px">
				</div>
    </body>
</html>
<script>
$(function(){
	$("#tab_list").Tab({items:[
	 {title:'工作台',closed:false,icon:'',html:'工作台',load:'',callback:function(){}},
	 {title:'系统设置',closed:true,icon:'',html:'系统设置',load:'',callback:function(){}},
	 {title:'银行对账单',closed:true,icon:'',html:'银行对账单',load:'',callback:function(){}},
	 {title:'公司员工基本信息',closed:true,icon:'',html:'公司员工基本信息',load:'',callback:function(){}},
	 {title:'工作台',closed:false,icon:'',html:'工作台',load:'',callback:function(){}},
	 {title:'系统设置',closed:true,icon:'',html:'系统设置',load:'',callback:function(){}},
	 {title:'银行对账单',closed:true,icon:'',html:'银行对账单',load:'',callback:function(){}},
	 {title:'公司员工基本信息',closed:true,icon:'',html:'公司员工基本信息',load:'',callback:function(){}}
	],
	width:500,
	height:100,
	tabcontentWidth:500,
	tabScroll:true,
	tabWidth:66,
	tabHeight:25,
	tabScrollWidth:10,
	tabClassDiv:'benma_ui_tab',
	tabClass:'benma_ui_tab',
	tabClassClose:'tab_close',
	tabClassOn:'tab_item',
	tabClassInner:'tab_item',
	tabClassInnerLeft:'tab_item1',
	tabClassInnerMiddle:'tab_item2',
	tabClassInnerRight:'tab_item3',
	tabClassText:'text',
	tabClassScrollLeft:'scroll-left',
	tabClassScrollRight:'scroll-right'
	});
});
</script>